﻿body.f-body {
    padding: 15px;
}

.margin-r5 {
    margin-right: 5px;
}

.margin-r10 {
    margin-right: 10px;
}

.margin-r15 {
    margin-right: 15px;
}

.margin-r20 {
    margin-right: 20px;
}

.margin-r30 {
    margin-right: 30px;
}

.margin-r50 {
    margin-right: 50px;
}

.clear {
    clear: both;
}

ul.result, ol.result {
    margin: 10px 0;
    padding: 0;
    border-top: solid 1px #ddd;
}

    ul.result li, ol.result li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        border-bottom: solid 1px #ddd;
    }


table.result {
    margin: 10px 0;
    width: 500px;
    border-collapse: collapse;
}

    table.result th {
        font-weight: bold;
    }

    table.result td, table.result th {
        border-bottom: solid 1px #ddd;
        padding: 5px;
        text-align: left;
    }


.highlight {
    font-weight: bold;
    color: red;
}

/* Special - Common css */
.blockpanel {
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

.f-body-bgcolor .blockpanel {
    border-width: 0 !important;
}

/* 带底色填充的标签文本 */
.tag-default {
    color: #fff;
    background-color: #a1a3a6;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-primary {
    color: #fff;
    background-color: #337ab7;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-info {
    color: #fff;
    background-color: #5bc0de;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-warning {
    color: #fff;
    background-color: #f0ad4e;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-error {
    color: #fff;
    background-color: #d9534f;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-success {
    color: #fff;
    background-color: #5cb85c;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c1 {
    color: #fff;
    background-color: #70a19f;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c2 {
    color: #fff;
    background-color: #b7704f;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c3 {
    color: #fff;
    background-color: #c7a252;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c4 {
    color: #fff;
    background-color: #ea66a6;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c5 {
    color: #fff;
    background-color: #cbc547;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c6 {
    color: #fff;
    background-color: #996699;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c7 {
    color: #fff;
    background-color: #99cc33;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c8 {
    color: #fff;
    background-color: #cccc99;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c9 {
    color: #fff;
    background-color: chocolate;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.tag-c10 {
    color: #fff;
    background-color: mediumslateblue;
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}
